<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2019/5/15
  Time: 22:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>

    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../DistAddress/distpicker.data.js"></script>
    <script type="text/javascript" src="../DistAddress/distpicker.js"></script>
    <script type="text/javascript" src="../DistAddress/main.js"></script>
</head>
<body>
<div data-toggle="distpicker" id="distpicker1">
    <select id="eprovinceName"  name="provinceName"></select>
    <select id="ecityName"  name="cityName"></select>
    <select id="edistrictName"  name="districtName"></select>
</div>
<input type='button'  value="提交"  id='tijiao'>
<script>
    $("#distpicker1").distpicker('destroy');
    $('#distpicker1').distpicker({
        province: '---- 所在省 ----',
        city: '---- 所在市 ----',
        district: '---- 所在区 ----'
    });
    $("#tijiao").click(function(){
        var province = $("#eprovinceName").find("option:selected").text();
        var city = $("#ecityName").find("option:selected").text();
        var district = $("#edistrictName").find("option:selected").text();
        console.log(province);
        console.log(city);
        console.log(district);
    });
</script>
</body>
</html>
